/*
	Load CSS before JavaScript
*/

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width:670px;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div {
	width:670px;
	height:330px;
	display:block;
}

/*
	Optional:
	Reset list default style
*/
.pagination {
	list-style:none;
	margin:0;
	padding:0;
}

/*
	Optional:
	Show the current slide in the pagination
*/
.pagination .current a {
	color:red;
}

.slides_container div .col-1, .slides_container div .col-2 {
	display : block;
	padding : 20px;
	background : #E6E7E9;
	width : 290px;

}

.slides_container div p {
	/* font-family : 'Myriad Pro'; */
	font-size : 15px;
	text-align : justify;
}



.slides_container div .col-1 {
	float : left;

}

.slides_container div .col-1  p {
	text-align : center;
}

.slides_container div .col-1 img {
	width :100%;
	height : 230px;
}


.slides_container div .col-2 {
	float : right;
	background : #F2F2F2;
}

div#slides ul.pagination {
	text-align : center;
	margin-top : 10px;
}

div#slides ul.pagination li {
	display : inline;
	
}


div#slides ul.pagination li a {
	font-family : 'Myriad Pro';
	font-size : 13px;
	font-weight : bold;
	padding : 2px 5px;
	margin : 2px;
	color : #FFF;
	background : #ff2e38;
}

div#slides ul.pagination li.current a {
	text-decoration : underline;
	background : #2b71ff;
}